﻿@Code
    ViewBag.Title = "Resumen de notas de periodo obtenidas durante un Periodo Evaluativo especificado"
End Code
@Section SetSubMenuActive @Html.DefinirSubMenuSelected(57) End Section
@Section AppBarTitulo <div id="jerti-appbar"><h1>Resumen de notas de periodo obtenidas durante un Periodo Evaluativo especificado</h1></div> End Section
<div id="jerti-content">
    @Html.TituloHeader("Resumen de Notas para el SIRAI", New With {.style = "margin-bottom: 8px;"})
    @Html.TableFields(""
        ).AddField("cmbPeriodo", "Seleccione el Periodo Evaluativo", JFControlType.ComboBox, New JFOptionsFields(
                   ).setSource(Url.Action("_getPeriodosClose_AJAX", "Periodos"))
        ).SetTableWidth(920
        ).SetHTMLAttributes(new with {.Style="font-size:13px;"})
    <div style="font-size:13px; margin-bottom: 40px; margin-top: 8px;">
        @Html.TextPage(
            ).AddLine("A continuación, usted podrá descargar en formato Excel (XLS) las notas del Periodo Evaluativo que ha seleccionado:"
            ).AddLine(String.Format("<strong>1 - </strong>{0}",
                                    Html.ActionLink("Descargar el listado de notas del Periodo Evaluativo en formato de Excel (XLS) [Hoja de calculo]", "NotasByPeriodo", "Reportes", New With {.formato = "XLS"}, New With {.ID = "link-report"}))
        )
    </div>
</div>

<script type="text/javascript">
    var $link = null;
    $(function () {
        $link = $('#link-report');
        $link.attr('data-jerti-url', $link.attr('href'));

        $('#cmbPeriodo').on({
            change: function () {
                $link.attr('href', $link.attr('data-jerti-url') + '&IDPeriodo=' + $('#cmbPeriodo').val());
            },
            loadSuccess: function () {
                $link.attr('href', $link.attr('data-jerti-url') + '&IDPeriodo=' + $('#cmbPeriodo').val());
            }
        });
    });
</script>